<template>
  <div class="page-component">
    <h3 class="page-title">简历
    <span class="pull-right"><el-button type="primary" size="small">编辑</el-button></span>
    </h3>
    <el-form label-width="80px" :model="form">
      <div>
        <p>基本信息</p>
        <el-card>
          <el-row>
            <el-col :span="12">
              <el-form-item label="姓名">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="年龄">
                <el-input v-model="form.region"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item label="自我介绍">
            <el-input
              type="textarea"
              :rows="6"
              v-model="form.description"
            ></el-input>
          </el-form-item>
        </el-card>
      </div>
      <div>
        <p>联系信息</p>
        <el-card>
          <el-row>
            <el-col :span="12">
              <el-form-item label="毕业院校">
                <el-input v-model="form.graduated"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="所学专业">
                <el-input v-model="form.major"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="手机号">
                <el-input v-model="form.phone"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="邮箱">
                <el-input v-model="form.email"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="个人主页">
                <el-input v-model="form.website"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="Gitee">
                <el-input v-model="form.Gitee"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="联系地址">
                <el-input v-model="form.contact"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item label="微信"> 微信二维码 </el-form-item>
        </el-card>
      </div>
      <div>
        <p>技能</p>
        <el-card> 富文本 </el-card>
      </div>
      <div>
        <p>职业</p>
        <el-card>
          <el-row>
            <el-col :span="12">
              <el-form-item label="求职意向">
                <el-input v-model="form.intention"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="求职地点">
                <el-input v-model="form.work_address"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-card>
      </div>
      <p>
           <el-button type="primary">保存</el-button>
        </p>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: "",
        region: "",
        phone: "",
        email: "",
        website: "",
        gitee: "",
        wxQRcode: "",
        graduated: "",
        major: "",
        work_address:"",
        intention: "web前端开发",
        contact: "",
        description: "",
      },
    };
  },
};
</script>

<style lang="scss" scoped>
</style>